<template>
    <div class="container">
    <div class="item1"></div>
    <div class="item2"></div>
    <div class="item3"></div>
    </div>
</template>
<script>
export default{
    data(){
        return{};
    },
    methods:{},
};
</script>
    <style scoped>
        .container{
            display:flex;
    
        }
        .item1 {
            flex-grow:1;
            height: 100px;
            background: red;
        }
          .item2{
             flex-grow:2;
            height: 100px;
            background: blue;
        }
     .item3{
             flex-grow:3;
            height: 100px;
            background: green;
        }
        
    </style>